<template>
  <el-dialog
    width="400px"
    custom-class="popup-problem"
    :visible.sync="show"
    :show-close="false"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
  >
    <div class="popup-title popup-title-cover">
      <h3>
        <img :src="cover" class="popup-title-img" />
        {{title}}
      </h3>
    </div>
    <div class="popup-content">
      <p class="content-desc">{{desc}}</p>
      <div class="content-tool">
        <el-button type="primary" class="save-btn" @click="$emit('confirm')">{{confirmText}}</el-button>
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false,
    },
    cover: {
      type: String,
      default:
        'https://mfgj.oss-cn-beijing.aliyuncs.com/upload/20210907/8b2e500aa48e4a29abbc68cd53059a7f.png',
    },
    title: {
      type: String,
      default: '提交成功',
    },
    desc: {
      type: String,
      default: '您的问题已提交后台审核',
    },
    confirmText: {
      type: String,
      default: '确认',
    },
  },
}
</script>